<template>
	<!-- 设置支付密码 -->
	<view class="container">
		<u-navbar title="添加银行卡" :title-bold="false" :is-back="isBack" :border-bottom="false"></u-navbar>
		<view class="1234" v-if="firsttime">
			<view class="signbox flex flex-jc-sb">
				<view class="quick">
					<view class="quitext">
						设置支付密码
					</view>
					<view class="un">
						不可与登录密码相同
					</view>
				</view>
			</view>
			<view class="tel">
				<view class="input">
					<view class="enter-code mt-20">
						<u-message-input textnumber="number" mode="bottomLine" :width="88" name="Password" v-model="Password" :maxlength="6" :breathe="true"
						 :focus="true" active-color="#FBB000" inactive-color="#666" @change="changeInputf"></u-message-input>
					</view>
				</view>
			</view>
			<view class="btn">
				<button class="btn-primary" @click="fistgoit()">下一步</button>
			</view>
		</view>
		<view class="1234" v-else>
			<view class="signbox flex flex-jc-sb">
				<view class="quick">
					<view class="quitext">
						确认支付密码
					</view>
					<view class="un">
						请重复输入一次
					</view>
				</view>
			</view>
			<view class="tel">
				<view class="input">
					<view class="enter-code mt-20">
						<u-message-input  textnumber="number" mode="bottomLine" :width="88" name="Password" v-model="agenPassword" :maxlength="6" :breathe="true"
						 :focus="true" active-color="#FBB000" inactive-color="#666" @change="changeInputss"></u-message-input>
					</view>
				</view>
			</view>
			<view class="btn">
				<button class="btn-primary" @click="login">下一步</button>
			</view>
		</view>
    <!-- 弹窗 -->
    <u-popup v-model="show" mode="center" border-radius="14" width="600rpx">
      <view class="popup-title">绑定成功！</view>
      <view class="btnWrap flex flex-jc-c">
        <view class="left" @click="gotit()">
          <view class="inline-block">知道了</view>
        </view>
      </view>
    </u-popup>
	</view>
</template>

<script src="./paymentPassword.js"></script>

<style lang="scss">
	@import './paymentPassword.scss';
</style>
